<template>
	<view class="mall-banner">
			<view class="items">
				<view class="item" v-if="leftImg">
					<image class="big" :src="leftImg"></image>
				</view>
				<view class="item" v-for="(img,index) in rightImgList" :key="index">
					<image class="small img" :src="img"></image>
				</view>
			</view>
			<!-- <image class="small item" src="../../static/b3.png"></image> -->
			<!-- <image class="small item" src="../../static/b4.png"></image> -->
	<!-- 	<div class="one">
			<image class="img" src="http://images.zmzpl.com/1572848580552%E7%BB%841@3x_2.png"></image>
		</div> -->
	</view>
</template>

<script>
	export default {
		props:{
			leftImg:String,
			rightImgList:Array
		},
		computed:{
		
		},
		data() {
			return {
			
			};
		}
	}
</script>

<style lang="stylus">
	.mall-banner
		display flex
		align-items center
		justify-content center
		margin-top 22rpx
		padding 0 20rpx
		.items
			width fit-content
			column-count: 2;
			column-gap: 5px;
			.item
				width 350upx
				.big
					width 100%
					height 370upx
				.small
					width 100%
					height 180upx
</style>
